.controller {
  display: flex;
  margin: 2%;
  width: 95%;
  height: 7%;
  /* overflow-y: auto; */
  /* flex-wrap: wrap; */
}

.controller-button {
  /* button.controller doesn't work, I need to figure out why */
  flex-shrink: 0;
  margin: 1%;
  font-size: 110%;
}

button.enter-game {
  margin-left: 3%;
  margin-bottom: 3%;
  padding: 2%;
  font-size: 110%;
}

@media (min-width: 768px) {
  .controller {
    height: 10%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
  }
}